<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <a href="p2.html">跳转到今日的第二个页面</a>
    <a href="p4.html">跳转到今日的第四个页面</a>
    <a href="https://www.baidu.com/">跳转到百度</a>
    <a href="https://www.tmooc.cn/">跳转到Tmooc.cn</a>
    <hr>
    <!--图片超链接-->
    <a href="https://www.baidu.com">
        <img src="1.png" width="200px">
    </a>
    <hr>
    <!--_self刷新当前页 _blank打开一个空白页-->
    <a href="https://www.baidu.com" target="_self">百度1</a>
    <a href="https://www.baidu.com" target="_blank">百度2</a>
    <hr>
    <!--锚点-->
    <h1>西游记</h1>
    <a href="#c1">跳转到第一章</a>
    <a href="#c2">跳转到第二章</a>
    <a href="#c3">跳转到第三章</a>
    <h3 id="c1">第一章 石猴出世</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus alias dicta dolore dolorem dolores enim esse
        facilis inventore magnam modi neque, nulla obcaecati officiis pariatur quas quasi quod similique vitae.</p>
    <p>Aliquam architecto laudantium nihil, optio rem veritatis. Adipisci aspernatur iusto magnam repudiandae veniam.
        Architecto delectus quas unde. Dolor doloribus fugiat inventore laboriosam, minus nihil, non odit officia
        placeat quo ut.</p>
    <p>Blanditiis debitis earum exercitationem ipsa magni molestiae necessitatibus odio officiis omnis ullam.
        Accusantium atque consequuntur ea iure nam. Ad beatae dolor fugit iste itaque labore minima molestias ratione
        sit voluptas!</p>
    <p>Accusantium adipisci alias aliquam aut commodi cum deleniti deserunt dolore earum impedit iure maxime modi
        molestiae natus nisi nobis non nostrum odit quaerat, quisquam quos rem repellendus rerum veritatis
        voluptatibus?</p>
    <p>Accusamus adipisci alias atque, blanditiis consequuntur dolorum eius expedita facilis fuga fugit harum in ipsum
        iste iure labore libero minus molestias neque obcaecati officiis quaerat reiciendis rerum tenetur velit
        veniam?</p>
    <p>Adipisci omnis perspiciatis quos rem. A assumenda atque cum distinctio dolorum ea eum laboriosam modi, nihil
        nobis nulla numquam obcaecati odit porro repellat suscipit tempore tenetur vel vero voluptate voluptates.</p>
    <p>Amet asperiores aspernatur consequatur consequuntur corporis, cum cupiditate delectus dicta doloribus enim
        exercitationem explicabo harum id ipsum iure laboriosam magnam magni minima modi qui quo rerum sed sequi tenetur
        vitae.</p>
    <p>Accusamus animi aperiam debitis dolorum ex ipsum labore magnam neque nihil nostrum optio, porro quasi qui,
        reiciendis sed tenetur ullam veniam veritatis voluptate, voluptatem! Accusamus aliquam eum ipsa quo
        voluptatibus!</p>
    <p>Accusamus deleniti facere magni necessitatibus nesciunt numquam omnis rem voluptates voluptatum! Aliquam aut
        consectetur dolore, doloribus ea eos incidunt inventore ipsa nemo non nulla quas sapiente sed soluta ut
        voluptatem.</p>
    <p>Animi cupiditate eum fugiat fugit in officia repudiandae sapiente sed totam velit! Ad amet delectus eius eligendi
        exercitationem explicabo fuga fugiat, ipsa magnam, quia quos ratione, recusandae repellat temporibus ut.</p>
    <p>Ab accusantium ad consequatur cum eligendi enim error eveniet, illum incidunt ipsam laboriosam laborum laudantium
        magni modi molestiae nemo nostrum officiis perspiciatis quae quaerat quam reprehenderit repudiandae sint tempore
        voluptas.</p>
    <p>Ab, ad architecto, cumque dignissimos molestias nemo praesentium quibusdam quod repudiandae, temporibus ut
        voluptas voluptate! Amet blanditiis error magnam minima optio quasi reiciendis rem reprehenderit saepe sapiente
        tenetur, ullam voluptas!</p>
    <p>Accusamus culpa delectus dolore doloribus, expedita facere fugit libero, magnam maiores necessitatibus optio quis
        quos repellat repellendus repudiandae saepe sit unde ut veniam voluptate. Expedita magnam nisi odio vero.
        Rem.</p>
    <p>Autem deleniti doloribus incidunt laboriosam modi natus odit, perspiciatis quod. Aliquid aspernatur aut
        consequatur fuga ipsam odit perspiciatis placeat quis. At dolorem error minus nesciunt non, quas repellat
        repudiandae voluptatum?</p>
    <p>Corporis cum cumque iure minus quos sapiente sint. At et ex qui veniam? Accusamus architecto blanditiis
        consequuntur corporis ex, expedita fugit impedit iste laudantium, neque odit quae quis, rerum sapiente.</p>
    <p>Accusantium architecto aspernatur blanditiis consectetur cum distinctio dolorem doloribus eligendi excepturi
        facilis fuga harum in labore, laudantium libero minima, minus nam optio provident quae quibusdam sint suscipit
        tempore velit vitae.</p>
    <p>Animi doloribus iusto, nisi perferendis rem sunt veniam! Aliquam at enim, error esse hic magnam molestias unde?
        Ab ad distinctio ex obcaecati voluptatem? Accusantium libero mollitia, quaerat sint vel voluptatibus?</p>
    <p>Ex, praesentium, vero. Eos explicabo qui sapiente? Animi autem dolor dolorem dolorum est exercitationem expedita
        illum iste, molestiae, necessitatibus nisi nobis odit quam qui quibusdam rerum sapiente suscipit voluptate
        voluptatibus!</p>
    <p>Inventore modi quasi rem ut! Adipisci alias aliquid asperiores atque autem beatae delectus deserunt distinctio
        dolor doloribus ducimus ex explicabo fugiat labore nesciunt omnis placeat praesentium, quae reiciendis sed?
        Nulla.</p>
    <p>Delectus doloribus enim, ex fuga, illum inventore itaque nam neque odio perferendis quia saepe vero. Assumenda
        est itaque laborum sunt temporibus. Accusantium inventore labore quis? Ab fugiat laboriosam perspiciatis
        velit?</p>
    <h3 id="c2">第二章 蓬莱出世</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut deserunt facere laudantium perferendis quae.
        Accusantium, consequatur dolor dolore expedita incidunt molestias nihil odit possimus quia quibusdam similique
        sint sunt voluptatum.</p>
    <p>Consequuntur eligendi error eum explicabo inventore nisi odio quisquam repellat. Aliquid consectetur deserunt,
        ipsum magnam magni natus officiis placeat quod quos, suscipit, ut veritatis voluptate. Eligendi hic laborum odit
        quasi.</p>
    <p>Dolore harum impedit iure non perferendis quia? Aliquam beatae, deserunt distinctio dolores doloribus ducimus est
        fugit, ipsum maiores molestiae nam nemo odio, officia provident quia quibusdam quis repellendus suscipit
        temporibus.</p>
    <p>Atque dolorum ducimus eligendi maiores maxime quisquam rem tempora totam unde. Aliquam atque aut distinctio
        eligendi, est et expedita hic libero minima molestiae nisi officiis perspiciatis ratione reprehenderit, soluta,
        voluptatem.</p>
    <p>Atque ea facere magnam magni pariatur rerum sint tempore vel. Alias aperiam architecto assumenda beatae dolorum
        eligendi, excepturi, id modi neque praesentium quibusdam recusandae rem, saepe vel velit veniam vitae!</p>
    <p>Dolor, officiis, repudiandae? Corporis laboriosam laborum perspiciatis possimus quidem quod repellendus totam.
        Architecto atque cumque explicabo itaque, laboriosam magni nulla porro provident tempore tenetur. Alias et
        minima nam quam sunt.</p>
    <p>Aliquam animi architecto aspernatur assumenda ducimus eveniet porro rerum veniam. Adipisci assumenda blanditiis
        commodi, cumque dolor ex exercitationem magni nemo perferendis praesentium quibusdam quo similique sit, soluta
        temporibus ullam voluptatibus?</p>
    <p>Ab accusantium ad amet blanditiis consequatur eaque eligendi, fuga harum id impedit, laborum molestias odit
        officiis, qui rerum! Deleniti facilis in iusto nam necessitatibus nulla provident sapiente totam ut
        voluptates!</p>
    <p>Atque consequuntur debitis eius in ipsam iste laborum magnam officia, possimus quam quas recusandae reiciendis
        sapiente soluta sunt tenetur unde! Cum doloribus facilis hic molestiae nobis quas sit suscipit, totam.</p>
    <p>Ad architecto corporis culpa deserunt dignissimos distinctio, dolore eos excepturi fuga harum illum incidunt
        inventore ipsa ipsam itaque nesciunt nobis officia pariatur rem repellat sapiente sed tempora velit vitae
        voluptatum.</p>
    <p>Blanditiis eum facere quo. Autem blanditiis porro quibusdam. Accusamus animi cupiditate eaque esse fugiat labore
        laboriosam, laudantium mollitia natus, nihil nostrum numquam odit officia quis ratione recusandae repudiandae,
        velit voluptatum!</p>
    <p>A aliquam blanditiis exercitationem fugiat impedit magnam magni numquam perspiciatis, quisquam rem similique
        soluta totam unde ut voluptatem. Deleniti ducimus eligendi nisi quos rem. Aspernatur consequatur deserunt
        excepturi in praesentium!</p>
    <p>Cumque, nobis possimus? Distinctio fuga incidunt provident quisquam. Aspernatur blanditiis consectetur deserunt,
        dicta distinctio doloremque ducimus earum eius minima natus nostrum nulla, officiis perspiciatis possimus quae
        quam rem sint vitae!</p>
    <p>Alias atque, dolorum eveniet excepturi fuga id in laborum minima nostrum numquam praesentium quam suscipit
        tempora ut voluptas. Autem dolor error iste mollitia nemo perferendis velit. Commodi corporis in repellat?</p>
    <p>Accusamus aliquid, aspernatur atque consequuntur dignissimos dolorem dolorum est, expedita facilis ipsa nisi
        optio perferendis quae quia quo quod suscipit. Ducimus expedita impedit laboriosam officia quas repellat tenetur
        velit voluptas!</p>
    <p>A at autem cupiditate debitis eveniet expedita laboriosam magnam minus necessitatibus placeat quia quidem,
        repellat sapiente tempore vitae. Animi aspernatur eius inventore laudantium maiores omnis quis quo quos
        repellendus voluptates?</p>
    <p>Commodi consequuntur, cum dolorem et facilis magni molestiae nobis. Ea ex veniam voluptatem! Consectetur,
        delectus ducimus eius excepturi nisi placeat similique totam? Aliquam dignissimos dolorum molestiae, natus
        obcaecati quasi sit.</p>
    <p>Beatae culpa deserunt dolorum ducimus ex explicabo iusto maiores nobis, omnis quae rerum tempora totam ut
        veritatis voluptatem. Facilis fuga impedit quibusdam! Assumenda facere impedit molestias nostrum odio! Non,
        pariatur.</p>
    <p>Earum natus, nemo numquam odio qui quos sunt tempora! Ab adipisci at, blanditiis cum dignissimos esse illum
        magnam, molestias, perferendis possimus quos ratione rerum sapiente sequi suscipit totam vero voluptas?</p>
    <p>Aspernatur atque autem est explicabo hic nam vel veniam? Ab consequatur ea ex explicabo, id, illum laboriosam nam
        nemo non nulla, optio praesentium quidem quis repellat sit! Cumque pariatur, rem?</p>
    <h3 id="c3">第三章 龙宫借宝</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto cumque ducimus, facere id nam omnis porro!
        Aperiam autem exercitationem facilis fuga fugiat hic itaque, laborum libero qui, ratione rerum vel.</p>
    <p>A deleniti deserunt, est explicabo itaque nihil nulla provident quibusdam quos rerum suscipit tenetur ullam
        voluptatem! Amet, deserunt ea eius ipsum, molestiae obcaecati odio pariatur quaerat ratione recusandae tempore
        vitae.</p>
    <p>Ad adipisci aliquid architecto, aspernatur consectetur delectus earum eligendi eos explicabo fugit id incidunt
        inventore ipsa, magni molestias quos ratione repudiandae sapiente sequi suscipit tempore temporibus voluptas.
        Architecto, inventore quis.</p>
    <p>Aliquam aperiam assumenda, atque consequuntur distinctio dolores doloribus est impedit ipsam nulla officia
        perferendis quidem quo reprehenderit rerum veritatis vitae. Ab iure perspiciatis repellat! Delectus explicabo
        harum labore recusandae velit.</p>
    <p>Dignissimos laboriosam libero officiis optio quos ratione sequi! Ad animi dolore dolorum ex excepturi illo, ipsum
        minima non, omnis, quibusdam quis tenetur! Aliquid commodi facilis minima molestias quae sed voluptas.</p>
    <p>A cumque delectus doloribus error est, exercitationem fuga fugiat illum iste itaque iusto magni neque non odio
        placeat quas quasi quos soluta. Alias eaque iste labore neque porro temporibus voluptate?</p>
    <p>A dignissimos error molestias nisi nostrum odit soluta temporibus, ullam voluptates voluptatum. Adipisci aliquam
        consequuntur culpa cupiditate ducimus eos minima suscipit! Aliquid aperiam in iste, nemo provident rem similique
        tenetur?</p>
    <p>Accusantium asperiores, eaque ex inventore quaerat reprehenderit totam? Ad aut debitis dicta earum eos laudantium
        magni neque, rem reprehenderit tempore? Aliquam blanditiis debitis exercitationem itaque natus quasi qui sequi
        tenetur.</p>
    <p>Animi architecto, debitis delectus dolor eveniet expedita maxime modi nisi optio, placeat quos recusandae rem
        totam ullam, vitae. Alias animi assumenda atque consequatur eos fugiat fugit quibusdam repudiandae rerum
        sed.</p>
    <p>Accusantium adipisci aliquid assumenda, beatae blanditiis culpa dignissimos doloremque ducimus est facilis
        maiores minus nam nisi nobis optio pariatur perferendis, praesentium quisquam, reiciendis rem sed sequi
        similique totam! Eos, totam!</p>
    <p>Commodi consequuntur dolor doloremque eligendi harum illo nemo recusandae vero. Asperiores consequatur deleniti
        dignissimos eligendi error, facilis harum, id magni natus nemo nostrum odio vel veniam! Cum debitis facilis
        vel.</p>
    <p>Asperiores aut beatae consequuntur, cum cumque dolor dolores ea eveniet ipsa nam nobis quae quas quasi quo,
        reiciendis rem repellat, sunt tenetur. Dicta enim maxime nostrum repudiandae similique! Quae, voluptatem!</p>
    <p>Dolorem, numquam quisquam. Consequatur cupiditate eum explicabo harum impedit iure, laudantium nisi nulla
        perferendis perspiciatis quibusdam similique. Atque cum dolore ex ipsam natus quae temporibus velit voluptas!
        Delectus, illum, sapiente!</p>
    <p>Adipisci corporis eos, esse fugit itaque magnam maiores minus, molestias necessitatibus odio officia quia quos
        sunt suscipit, voluptatem. Architecto consectetur illo incidunt iste odio perferendis quae ratione, vel vitae
        voluptatum?</p>
    <p>Ab deleniti dolorem doloribus fuga, nulla officia perferendis perspiciatis quae quis veniam! Aliquam, at, labore.
        Aliquam aut consequatur dolorem nemo neque porro. Architecto ex hic iure labore ratione, unde voluptatum!</p>
    <p>Consequatur fugit necessitatibus voluptatem. Accusantium aperiam assumenda at, aut autem delectus deleniti eaque
        esse ex facere fuga itaque iusto minima, nihil nisi numquam odio quas quos recusandae tempora veniam vitae!</p>
    <p>Ab amet animi consequuntur delectus dicta dolorem est, incidunt, inventore mollitia nesciunt odit perspiciatis
        provident quas quod quos ratione repellendus sit suscipit tempore unde! Animi hic iste necessitatibus obcaecati
        tempora?</p>
    <p>Cumque, dignissimos dolorem dolores ducimus earum ex minus nobis numquam odit porro quaerat quisquam unde!
        Aliquam, aperiam dicta doloremque earum harum impedit ipsum neque non obcaecati, similique sint soluta
        voluptatibus.</p>
    <p>Atque, corporis deserunt ea eligendi excepturi hic minima, mollitia natus nihil officiis quas quod recusandae
        saepe ut veniam veritatis vero. Consequatur distinctio dolores iste numquam quas, recusandae sit vero vitae.</p>
    <p>Ad ipsum molestiae odio officiis quae! Amet aperiam aut consequatur error, facilis fuga impedit minus molestias
        nesciunt optio quas quia quis quod sunt tempore tenetur ullam? Eligendi labore nesciunt quos!</p>
    <a href="#">快速跳转到顶部</a>
</body>
</html>































